<!DOCTYPE html>
<html lang="en">
    
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>全屏高端大气扁平化网络科技公司企业官网网站模板下载</title>
        <meta name="keywords" content="全屏高端大气,扁平化,网络科技公司,企业官网,网站模板下载" />
        <meta name="description" content="全屏高端大气扁平化网络科技公司企业官网网站模板下载。该网站模板所有页面都在一个模板里完成，包括简介、流程、时间线、服务、FAQ、合作伙伴等。单页全屏滚动，效果非常炫酷，若是想做很炫的企业站的朋友，可以拿来直接用。" /> 
        <link rel="icon" type="image/ico" href="images/favicon.ico" />
        <link rel="stylesheet" href="css/base.css" media="screen" />
        <link rel="stylesheet" href="css/index.css" media="screen" />
        <link rel="stylesheet" href="css/p1.css" media="screen" />
        <link rel="stylesheet" href="css/p2.css" media="screen" />
        <link rel="stylesheet" href="css/p3.css" media="screen" />
        <link rel="stylesheet" href="css/p4.css" media="screen" />
        <link rel="stylesheet" href="css/p-qa.css" media="screen" />
        <link rel="stylesheet" href="css/p-partner.css" media="screen" />
        <link rel="stylesheet" href="css/p-contact.css" media="screen" />
        <link rel="stylesheet" href="css/carousel2.css" />
        <link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" media="screen"/>
        <link rel="stylesheet" href="css/responsive.css" media="screen" />
    </head>
    
    <body>
        <div id="J_modal" class="modal">
            <div class="modal-inner">
                <div id="J_modalCtn" class="modal-ctn">
                    <h2>
                        是时候升级你的浏览器了
                    </h2>
                    <p>
                        你正在使用Internet Explorer的过期版本呢。包括WINDOWS.COM在内的许多网站都不在支持Internet Explorer6,这意味着在升级浏览器前，你将无法体验到本网站很多新的技术与体验!
                    </p>
                    <p>
                        推荐下载：
                        <a target="_blank" href="http://dlc2.pconline.com.cn/filedown_51614_6844025/md7KPd9w/26.0.1410.64_chrome_installer.exe">
                            chrome浏览器
                        </a>
                        &nbsp;&nbsp;
                        <a target="_blank" href="http://down.360safe.com/se/360se6_6.1.0.356.exe">
                            360浏览器
                        </a>
                        &nbsp;&nbsp;
                        <a target="_blank" href="http://download.firefox.com.cn/releases/webins3.0/official/zh-CN/Firefox-latest.exe">
                            火狐浏览器
                        </a>
                    </p>
                    <a href="#" class="close">
                        关闭，继续浏览
                    </a>
                </div>
                <div class="modal-bg">
                    &nbsp;
                </div>
            </div>
        </div>
        <div id="J_Header" class="header">
            <div class="wrapper">
                <ul class="left">
                    <li class="active">
                        <a data-rel="1" href="###">
                            简介
                        </a>
                        <div class="line">
                        </div>
                    </li>
                    <li>
                        <a data-rel="2" href="###">
                            流程
                        </a>
                        <div class="line">
                        </div>
                    </li>
                    <li>
                        <a data-rel="3" href="###">
                            时间线
                        </a>
                        <div class="line">
                        </div>
                    </li>
                    <li>
                        <a data-rel="4" href="###">
                            服务
                        </a>
                        <div class="line">
                        </div>
                    </li>
                </ul>
                <h1 class="logo">
                    <a data-rel="1" href="###">
                        <img src="images/logo-2.png" alt="" />
                    </a>
                </h1>
                <ul class="right">
                    <li>
                        <a data-rel="5" href="###">
                            FAQ
                        </a>
                        <div class="line">
                        </div>
                    </li>
                    <li>
                        <a data-rel="6" href="###">
                            合作伙伴
                        </a>
                        <div class="line">
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            产品
                        </a>
                    </li>
                    <li>
                        <a data-rel="7" href="###">
                            联系我们
                        </a>
                        <div class="line">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- /#J_Header -->
        <!-- <div style="position: absolute; top: 0; left: 0; width: 100%; height:
        100%"></div> -->
        <div id="page" style="top: 0px; position: fixed; left: 0;">
            <div id="page-1" class="page current">
                <div class="p1-banner">
                    <!-- <div class="page1-device"></div>
                    <div class="page1-right">
                    <div class="page1-title">
                    <p>iphone,ipad,android,web后台服务多终端应用定制化开发，打造专属于您的定制化解决方案</p>
                    </div>
                    <br>
                    <div class="page1-desc">
                    <p>欢迎来电/网上咨询<br>XX科技 服务热线</p>
                    <p>TEL:/ 010-88888888<br>QQ:88888888</p>
                    </div>    <img src="images/bg-1.2.jpg" alt="">
                    </div> -->
                    <div id="J_p1Slider" class="p1-slider">
                        <div class="items">
                            <div class="item">
                                <img src="images/1.jpg" alt="" />
                            </div>
                            <div class="item">
                                <img src="images/2.jpg" alt="" />
                            </div>
                            <div class="item">
                                <img src="images/3.jpg" alt="" />
                            </div>
                            <div class="item">
                                <img src="images/4.jpg" alt="" />
                            </div>
                            <div class="item">
                                <img src="images/5.jpg" alt="" />
                            </div>
                            <div class="item">
                                <img src="images/6.jpg" alt="" />
                            </div>
                        </div>
                        <a href="#" class="ctrl prev">
                        </a>
                        <a href="#" class="ctrl next">
                        </a>
                    </div>
                </div>
                <div class="modules-box">
                    <span class="collapsible-arrow">
                    </span>
                    <div class="modules">
                        <ul class="modules-list">
                            <li id="module-15">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        首页
                                    </span>
                                </a>
                            </li>
                            <li id="module-0">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        移动电商
                                    </span>
                                </a>
                            </li>
                            <li id="module-1" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        金融保险
                                    </span>
                                </a>
                            </li>
                            <li id="module-2" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        休闲互动
                                    </span>
                                </a>
                            </li>
                            <li id="module-3" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        社交娱乐
                                    </span>
                                </a>
                            </li>
                            <li id="module-4" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        企业移动
                                    </span>
                                </a>
                            </li>
                            <li id="module-5" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        酒店住宿
                                    </span>
                                </a>
                            </li>
                            <li id="module-6" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        户外交通
                                    </span>
                                </a>
                            </li>
                            <li id="module-7" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        教育培训
                                    </span>
                                </a>
                            </li>
                            <li id="module-8" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        房地产
                                    </span>
                                </a>
                            </li>
                            <li id="module-9" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        文化艺术
                                    </span>
                                </a>
                            </li>
                            <li id="module-10" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        新闻出版
                                    </span>
                                </a>
                            </li>
                            <li id="module-11" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        广电传媒
                                    </span>
                                </a>
                            </li>
                            <li id="module-12" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        智能物联
                                    </span>
                                </a>
                            </li>
                            <li id="module-13" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        区域门户
                                    </span>
                                </a>
                            </li>
                            <li id="module-14" class="">
                                <a href="javascript:;">
                                    <span class="icon">
                                    </span>
                                    <span class="circle">
                                    </span>
                                    <span class="name-en">
                                        HOME
                                    </span>
                                    <span class="name-cn">
                                        3D实景
                                    </span>
                                </a>
                            </li>
                        </ul>
                        <ul class="mudules-description">
                            <li class="active">
                                <div class="inner">
                                    <h2>
                                        首页
                                    </h2>
                                    <p>
                                        我们为众多知名企业设计开发了基于智能手机和平板的移动客户端软件以及web展现的重构。通过丰富的应用终端，增加了企业品牌与产品的展现渠道；用精彩的表现与互动形式展示企业实力，拉近企业与消费者之间的距离；让消费者更便捷地了解品牌与产品信息，实现潜在需求。
                                    </p>
                                </div>
                                <!-- <div class="carousel2">
                                <div class="carousel-imgs-wrapper">
                                <ul>
                                <li><a href="#"><img data-src="images/1.jpg" alt=""></a></li>
                                <li><a href="#"><img data-src="images/2.jpg" alt=""></a></li>
                                <li><a href="#"><img data-src="images/3.jpg" alt=""></a></li>
                                <li><a href="#"><img data-src="images/4.jpg" alt=""></a></li>
                                <li><a href="#"><img data-src="images/5.jpg" alt=""></a></li>
                                <li><a href="#"><img data-src="images/6.jpg" alt=""></a></li>
                                <li><a href="#"><img data-src="images/7.jpg" alt=""></a></li>
                                <li><a href="#"><img data-src="images/8.jpg" alt=""></a></li>
                                </ul>
                                </div>
                                <div class="carousel-toggles-wrapper">
                                </div>
                                </div> -->
                            </li>
                            <li data-type="mobileecommerce">
                                <div class="inner">
                                    <h2>
                                        移动电商
                                    </h2>
                                    <p>
                                        我们为众多知名企业的电子商务业务设计开发了基于iOS及Android系统的电子商务客户端软件，以及HTML5电子商务手机网站。 概述：商城类手机应用软件是集合产品展示、产品推荐、收藏产品、购物车、在线支付、查看物流、订单管理、销售报表和优惠积分于一体。即加强用户粘性，又吸引新用户关注。
                                    </p>
                                </div>
                            </li>
                            <li data-type="finance">
                                <div class="inner">
                                    <h2>
                                        金融保险
                                    </h2>
                                    <p>
                                        金融属于经济类型的高端行业，关注金融行业的人群普遍教育程度偏高、生活水平小康和对新事物接受速度较快。国内有实力的金融公司已经定制开发专属手机APP应用，提供货币汇率、股票市场、期货信息和相关经济资讯给用户参考。
                                    </p>
                                </div>
                            </li>
                            <li data-type="outdoor">
                                <div class="inner">
                                    <h2>
                                        休闲互动
                                    </h2>
                                    <p>
                                        户外休闲通过移动app丰富手机使用者的闲余生活，让用户在闲置的时间变得更有趣。休闲娱乐app可包括阅读类、影视类、游戏类和美容美发类APP应用。
                                        功能：1、查询预订；2、价格咨询；3、在线支付；4、拍照分享；5、商家点评。
                                    </p>
                                </div>
                            </li>
                            <li data-type="social">
                                <div class="inner">
                                    <h2>
                                        社交娱乐
                                    </h2>
                                    <p>
                                        社交类app应用软件可以向用户推送附近的好友，接近用户之间的距离。让在同一城市擦肩而过的两人成为朋友，在寂寞空虚的深夜里，有一批秉烛夜谈的好友。在朋友圈里分享自己生活的日常、游玩的相片的心情标签等等。让自己在孤独的城市里，不是孤独一人！
                                        功能：1、搭讪交友；2、摇一摇；3、推荐好友；4、留言聊天；5、即时聊天；6、心情签名；7、图片分享；8、个人空间。
                                    </p>
                                </div>
                            </li>
                            <li data-type="company">
                                <div class="inner">
                                    <h2>
                                        企业移动
                                    </h2>
                                    <p>
                                        我们为多家企业商业用户，有针对性地开发设计不同的移动应用与解决方案， 包括智能手机与平板的终端应用、手机网站与PC网站、场内无线网络、定位设备、户外导航等，已运用到招商、销售、顾客维护、会员管理等多个业务层面。
                                        有效提升了企业的影响力，节省了企业办公成本，大幅降低了营销推广费用，提升了客户好感与忠诚度。
                                    </p>
                                </div>
                            </li>
                            <li data-type="hotel">
                                <div class="inner">
                                    <h2>
                                        酒店住宿
                                    </h2>
                                    <p>
                                        商务办公、出行旅游最麻烦的是住宿问题，现在手机酒店类APP应用可以很轻松的解决此问题。通过手机APP查询酒店地址导航、住宿价格、在线订房、优惠推送。手机APP即可以满足用户对住宿的需求，也能有效推广酒店的知名度。
                                        功能：1、酒店介绍；2、地址导航；3、价格咨询；4、在线订房；5、打折推送。
                                    </p>
                                </div>
                            </li>
                            <li data-type="oa">
                                <div class="inner">
                                    <h2>
                                        户外交通
                                    </h2>
                                    <p>
                                        我们致力于通过智能终端和网络，为企业带来更高效的运营绩效，我们帮助众多合作企业实现高效协作，共享创意结晶； 我们创建的业务督导管理系统，诠释了全时智能办公的效用，它使企业外勤人员能够通过手机来完成日常行政、业务报告等工作，
                                        使企业内部管理人员能够及时获取外勤人员状态、业务信息、经销商信息、物流状态，并可即时采取行动。
                                    </p>
                                </div>
                            </li>
                            <li data-type="education">
                                <div class="inner">
                                    <h2>
                                        教育培训
                                    </h2>
                                    <p>
                                        我们帮助高等院校与知名培训机构实现业务移动化。在众多教育类项目中，我们实现了学生自主在线学习与及时评估学习效果，在空间上、时间上为学生提供极大的学习便利性；我们帮助教育机构突破了传统教育模式的局限，有效降低了授课与师生沟通成本。
                                    </p>
                                </div>
                            </li>
                            <li data-type="estate">
                                <div class="inner">
                                    <h2>
                                        房地产
                                    </h2>
                                    <p>
                                        房地产行业是现在阶段需求量较大的行业，也是主导着国民经济的大型产业。为方便用户随时了解房产信息、预约看房、查询房价信息和楼盘的周边环境，房地产APP应用可以满中有意购房者的需求。
                                        功能：1、房产信息；2、预约看房；3、附加价值；4、找房功能；5、购买指南
                                    </p>
                                </div>
                            </li>
                            <li data-type="art">
                                <div class="inner">
                                    <h2>
                                        文化艺术
                                    </h2>
                                    <p>
                                        文化艺术类手机APP，可以吸引志同道合的朋友聚集在一起，讨论、分享、鉴赏、估价和出售艺术作品。艺术类app能打破宝贝鉴赏的局限性，让更多的民间能人异士加入保护文化艺术的道路上。
                                        功能：1、展示艺术品；2、用户论坛；3、转化分享；4、鉴赏估价；5、交易艺术品。
                                    </p>
                                </div>
                            </li>
                            <li data-type="news">
                                <div class="inner">
                                    <h2>
                                        新闻出版
                                    </h2>
                                    <p>
                                        我们为众多知名传媒企业定制的智能手机与平板电脑软件，让读者和观众随时随地、随心随性、更方便浏览、订阅及主动接收媒体、新闻及各种相关信息，而该类应用的特点——在线下载、在线订阅、在线富媒体广告、以及强大的后台管理系统等功能，不但丰富了用户的阅读性和提高了用户的使用兴趣，更可为商家带来更多客户关注和营销收入。
                                    </p>
                                </div>
                            </li>
                            <li data-type="media">
                                <div class="inner">
                                    <h2>
                                        广电传媒
                                    </h2>
                                    <p>
                                        媒体资讯行业是传统的信息传播介质，是能填满用户的茶余饭后和碎片时间的行业。一个优质的新闻APP应用更能符合现在用户对信息和资讯的需求。媒体通过新闻APP发布最新的图片、新闻、快讯和通知等个性化服务，将现代人在碎片时间获取相信资讯的需求。
                                        功能：1、新闻发布；2、图片分享；3、时事快讯；4、重要通知；5、媒体介绍；6、爆料专区；7、周边商家。
                                    </p>
                                </div>
                            </li>
                            <li data-type="internetofthings">
                                <div class="inner">
                                    <h2>
                                        智能物联
                                    </h2>
                                    <p>
                                        结合ARM芯片主板硬件，通过移动app实现智能家居电子器件控制，广泛应用于物联网行业。
                                    </p>
                                </div>
                            </li>
                            <li data-type="district">
                                <div class="inner">
                                    <h2>
                                        区域门户
                                    </h2>
                                    <p>
                                        区域门户是互联网的新热点，垂直的地区门户针对性较强，用户群体较稳定。区域门户为得到更多用户关注，定制门户手机app应用也是顺应潮流。门户app可以为用户推荐最新资讯、最热话题、精选图片和区域打折信息。门户app能留住老用户，吸引新用户，打响区域门户品牌。
                                        功能：1、展示资讯；2、推送话题；3、精选图片；4、本地优惠信息；5、区域门户品牌建设。
                                    </p>
                                </div>
                            </li>
                            <li data-type="3d">
                                <div class="inner">
                                    <h2>
                                        3D实景
                                    </h2>
                                    <p>
                                        通过典型3d建模，从多家度，多方位全景展示产品信息，广泛应用于房地产，汽车，艺术品等业务领域。
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="hide-trigger hide-trigger-left">
                    </div>
                    <div class="hide-trigger hide-trigger-right">
                    </div>
                </div>
            </div>
            <div id="page-2" class="page">
                <div class="p2-inner">
                    <h1>
                        开发流程 / PROCESS
                    </h1>
                    <div class="p-banner p2-banner">
                        <div class="page2-device">
                            <div class="layer1 layer">
                            </div>
                            <div class="layer2 layer">
                            </div>
                            <div class="layer3 layer">
                            </div>
                            <div class="layer4 layer">
                            </div>
                            <div class="phone">
                            </div>
                        </div>
                        <div class="page2-desc-wrapper">
                            <a id="J_p2desc1" class="desc">
                                <h2>
                                    <i>
                                        <span class="ico ico-0">
                                        </span>
                                    </i>
                                    需求分析
                                </h2>
                                <p>
                                    组织项目经理、UI设计师等人员与客户充分沟通，完全理解客户的需求，并使用XX科技项目管理系统对用户需求进行梳理、录入。
                                </p>
                                <div class="line">
                                </div>
                            </a>
                            <a id="J_p2desc2" class="desc">
                                <h2>
                                    <i>
                                        <span class="ico ico-1">
                                        </span>
                                    </i>
                                    低保真设计
                                </h2>
                                <p>
                                    项目经理安排制定设计师根据用户需求制作产品原型图，制作工具为业内顶尖的原型设计工具Axure，产出物为交互式低保真原型。
                                </p>
                                <div class="line">
                                </div>
                            </a>
                            <a id="J_p2desc3" class="desc">
                                <h2>
                                    <i>
                                        <span class="ico ico-2">
                                        </span>
                                    </i>
                                    高保真设计
                                </h2>
                                <p>
                                    UI设计师设计高保真视觉图与客户确认，项目经理同程参与，把控进度。
                                </p>
                                <div class="line">
                                </div>
                            </a>
                            <a id="J_p2desc4" class="desc">
                                <h2>
                                    <i>
                                        <span class="ico ico-3">
                                        </span>
                                    </i>
                                    系统研发与测试
                                </h2>
                                <p>
                                    根据具体项目，采用多次迭代开发方式，结合单元测试，集成测试，压力测试，性能测试等，确保100%部署上线成功。
                                </p>
                                <div class="line">
                                </div>
                            </a>
                            <a id="J_p2desc5" class="desc">
                                <h2>
                                    <i>
                                        <span class="ico ico-4">
                                        </span>
                                    </i>
                                    系统上线
                                </h2>
                                <p>
                                    最终产品由测试环境部署到客户的正式环境进行正式运营，包含APPS上架。
                                </p>
                                <div class="line">
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="page-3" class="page">
                <h1>
                    时间线 / TIMELINE
                </h1>
                <div class="timeline">
                    <ul>
                        <li class="">
                            <p class="time">
                                2010.10
                            </p>
                            <span class="circle">
                            </span>
                            <p class="version">
                                公司成立
                            </p>
                            <p class="description">
                                XX科技注册成立，注册资金600万元
                            </p>
                        </li>
                        <li class="">
                            <p class="time">
                                2011.03
                            </p>
                            <span class="circle">
                            </span>
                            <p class="version">
                                首款APP发布
                            </p>
                            <p class="description">
                                第一款app成功上线
                            </p>
                        </li>
                        <li class="">
                            <p class="time">
                                2011.04
                            </p>
                            <span class="circle">
                            </span>
                            <p class="version">
                                签约西门子
                            </p>
                            <p class="description">
                                成功签约西门子中国有限公司
                            </p>
                        </li>
                        <li class="current">
                            <p class="time">
                                2011.08
                            </p>
                            <span class="circle">
                            </span>
                            <p class="version">
                                双软企业
                            </p>
                            <p class="description">
                                双软企业，江苏省科技型企业资质认定
                            </p>
                        </li>
                        <li class="">
                            <p class="time">
                                2012.03
                            </p>
                            <span class="circle">
                            </span>
                            <p class="version">
                                创新基金项目
                                <br />
                                认定
                            </p>
                            <p class="description">
                                江苏省科技厅，南京市经信委，江宁区政府，三级政府创新基金项目计划认定
                            </p>
                        </li>
                        <li class="">
                            <p class="time">
                                2012.09
                            </p>
                            <span class="circle">
                            </span>
                            <p class="version">
                                技术研发中心
                                <br />
                                成立
                            </p>
                            <p class="description">
                                企业工程技术研发中心创立
                            </p>
                        </li>
                        <li class="">
                            <p class="time">
                                2013.12
                            </p>
                            <span class="circle">
                            </span>
                            <p class="version">
                                发明、专利、
                                <br />
                                著作权统计
                            </p>
                            <p class="description">
                                累计获得软件著作权32项，发明专利2项，产品登记1项，注册商标1项
                            </p>
                        </li>
                        <li class="">
                            <p class="time">
                                2014.03
                            </p>
                            <span class="circle">
                            </span>
                            <p class="version">
                                泛卡汇上线
                            </p>
                            <p class="description">
                                自研产品泛卡汇正式上线发布
                            </p>
                        </li>
                    </ul>
                    <span class="dot" style="left: 608.5px;">
                    </span>
                </div>
                <div class="wrapper" style="width: 800px;">
                    <div class="introduction">
                        <p>
                            XX信息科技有限公司（http://www.baidu.com), 是由行业资深专家发起成立的一家移动互联网领域软件服务公司。成立于2010年，注册资本600万元。
                            目前拥有各类技术人员50多人，其中95%具有大专以上学历，多人拥有专业工程师职称资格。 伴随着市场快速布局和技术的积累，XX信息科技有限公司主要致力于自有产品研发、移动互联网项目定制化开发、技术方案咨询等服务。公司严格遵循CMMI和ISO质量体系流程，严格的内部管理机制，完善的交付流程，为客户提供准确、快速、灵活、高附加值的服务及产品。
                            XX，是您值得信赖的合作伙伴，拥有领先的运营能力，通过严格的质量标准和交付流程来保证客户的商业价值。
                        </p>
                    </div>
                </div>
            </div>
            <div id="page-4" class="page">
                <h1>
                    服务领域 / SERVICE
                </h1>
                <div class="page-banner p4-banner">
                    <div id="J_p4desc_2" class="page4-inner j_p4item">
                        <h2 data-rel="3">
                            专业的精神
                            <br />
                            优质的服务
                        </h2>
                        <div class="page4-circle">
                            <div class="arrow shadow-1">
                            </div>
                            <div class="arrow shadow-2">
                            </div>
                            <div class="arrow shadow-3">
                            </div>
                            <div class="arrow arrow-1" data-rel="0">
                                方案与设计
                            </div>
                            <div class="arrow arrow-2" data-rel="1">
                                方案与设计
                            </div>
                            <div class="arrow arrow-3" data-rel="2">
                                方案与设计
                            </div>
                        </div>
                        <div id="J_p4desc_3" class="page4-desc page4-desc1 j_p4item">
                            <p>
                                与国际知名企业合作
                                <br />
                                让我们的态度更加严谨
                            </p>
                            <div class="line">
                            </div>
                            <div class="thumnail">
                                <img src="images/1.png" alt="" />
                                <h4>
                                    服务端开发
                                </h4>
                                <h5>
                                    JAVA, NODEJS
                                </h5>
                            </div>
                        </div>
                        <div id="J_p4desc_0" class="page4-desc page4-desc2 j_p4item">
                            <p>
                                提供专业的方案与
                                <br />
                                互动式原型界面设计
                            </p>
                            <div class="line">
                            </div>
                            <div class="thumnail">
                                <img src="images/4.png" alt="" />
                                <h4>
                                    移动终端开发
                                </h4>
                                <h5>
                                    IOS、ANDROID
                                </h5>
                            </div>
                        </div>
                        <div id="J_p4desc_1" class="page4-desc page4-desc3 j_p4item">
                            <p>
                                定制化项目研发
                                <br />
                                瞄准市场最新动向
                            </p>
                            <div class="line">
                            </div>
                            <div class="thumnail">
                                <img src="images/3.png" alt="" />
                                <h4>
                                    系统移植与二次开发
                                </h4>
                                <h5>
                                    WEB、IOS、ANDROID
                                </h5>
                            </div>
                        </div>
                        <div class="page4-desc page4-desc4 j_p4item">
                            <p>
                                高质量的团队管理
                                <br />
                                保证产品的研发与质量
                            </p>
                            <div class="line">
                            </div>
                            <div class="thumnail">
                                <img src="images/2.png" alt="" />
                                <h4>
                                    数据库设计与开发
                                </h4>
                                <h5>
                                    ORACLE、MYSQL、DB2、NOSQL
                                </h5>
                            </div>
                        </div>
                    </div>
                    <p class="page4-article">
                        我们以产品研发为核心，努力发展业务和渠道，专注于提高产品质量
                        <br />
                        我们以做产品相同的心态面对客户需求，为客户提供高质量、定制化、个性化的软件研发服务
                    </p>
                </div>
            </div>
            <div id="page-5" class="page p-qa">
                <h1>
                    常见问题 / FAQ
                </h1>
                <div class="ctn wrapper">
                    <div class="left">
                        <div class="inner">
                            <!-- <dl>
                            <dt>如何联系我们公司，获取最新的产品信息</dt>
                            <dd>您可以点击界面左上角的三横杠按钮，或者向右滑动界面，即可看到所有模块的图标，点击图标进入模块。在任何模块的主界面上都可以通过这两个操作查看所有模块。</dd>
                            </dl>
                            <dl>
                            <dt>如何联系我们公司，获取最新的产品信息</dt>
                            <dd>您可以点击界面左上角的三横杠按钮，或者向右滑动界面，即可看到所有模块的图标，点击图标进入模块。在任何模块的主界面上都可以通过这两个操作查看所有模块。</dd>
                            </dl>
                            <dl>
                            <dt>如何联系我们公司，获取最新的产品信息</dt>
                            <dd>您可以点击界面左上角的三横杠按钮，或者向右滑动界面，即可看到所有模块的图标，点击图标进入模块。在任何模块的主界面上都可以通过这两个操作查看所有模块。</dd>
                            </dl>
                            <dl>
                            <dt>如何联系我们公司，获取最新的产品信息</dt>
                            <dd>您可以点击界面左上角的三横杠按钮，或者向右滑动界面，即可看到所有模块的图标，点击图标进入模块。在任何模块的主界面上都可以通过这两个操作查看所有模块。</dd>
                            </dl> -->
                        </div>
                    </div>
                    <div class="right">
                        <div class="inner">
                            <!-- <dl>
                            <dt>如何联系我们公司，获取最新的产品信息</dt>
                            <dd>您可以点击界面左上角的三横杠按钮，或者向右滑动界面，即可看到所有模块的图标，点击图标进入模块。在任何模块的主界面上都可以通过这两个操作查看所有模块。</dd>
                            </dl>
                            <dl>
                            <dt>如何联系我们公司，获取最新的产品信息</dt>
                            <dd>您可以点击界面左上角的三横杠按钮，或者向右滑动界面，即可看到所有模块的图标，点击图标进入模块。在任何模块的主界面上都可以通过这两个操作查看所有模块。</dd>
                            </dl>
                            <dl>
                            <dt>如何联系我们公司，获取最新的产品信息</dt>
                            <dd>您可以点击界面左上角的三横杠按钮，或者向右滑动界面，即可看到所有模块的图标，点击图标进入模块。在任何模块的主界面上都可以通过这两个操作查看所有模块。</dd>
                            </dl>
                            <dl>
                            <dt>如何联系我们公司，获取最新的产品信息</dt>
                            <dd>您可以点击界面左上角的三横杠按钮，或者向右滑动界面，即可看到所有模块的图标，点击图标进入模块。在任何模块的主界面上都可以通过这两个操作查看所有模块。</dd>
                            </dl> -->
                        </div>
                    </div>
                </div>
            </div>
            <div id="page-6" class="page block-black p-partner">
                <h1>
                    合作伙伴 / PARTNER
                </h1>
                <div class="banner">
                    <ul class="partners">
                        <!-- <li class="p5-logo logo-0"><a href="###" title="中国电信">中国电信</a></li>
                        <li class="p5-logo logo-1"><a href="###" title="西门子">西门子</a></li>
                        <li class="p5-logo logo-2"><a href="###" title="Atos">Atos</a></li>
                        <li class="p5-logo logo-3"><a href="###" title="太平洋保险">太平洋保险</a></li>
                        <li class="p5-logo logo-4"><a href="###" title="凤凰传媒">凤凰传媒</a></li>
                        <li class="p5-logo logo-5"><a href="###" title="HELLA">HELLA</a></li>
                        <li class="p5-logo logo-6"><a href="###" title="东南大学">东南大学</a></li>
                        <li class="p5-logo logo-7"><a href="###" title="苏源高科">苏源高科</a></li>
                        <li class="p5-logo logo-8"><a href="###" title="话机世界">话机世界</a></li>
                        <li class="p5-logo logo-9"><a href="###" title="江苏教育频道">江苏教育频道</a></li>
                        <li class="p5-logo logo-10"><a href="###" title="平安银行">平安银行</a></li>
                        <li class="p5-logo logo-11"><a href="###" title="凤凰出版社">凤凰出版社</a></li> -->
                    </ul>
                </div>
            </div>
            <div id="page-7" class="page p-contact">
                <div id="J_mapCtn" class="top block-white">
                </div>
                <div class="main block-green">
                    <div class="border">
                    </div>
                    <div class="wrap clearfix">
                        <div class="pull-left">
                            <h2>
                                XX信息科技有限公司
                            </h2>
                            <p>
                                有想法、合作机会、意见反馈、加入我们的团队，咖啡聊天?
                            </p>
                            <p>
                                欢迎联系我们！
                            </p>
                            <p style="margin-top: 8px;">
                                <span style="padding-left: 30px; background: url('images/phone.png') center left no-repeat; line-height: 24px;display: block;float: left;padding-right: 20px;">
                                    010-88888888
                                </span>
                                <span style="padding-left: 30px; background: url('images/QQ.png') center left no-repeat; line-height: 24px;display: block;float: left;padding-right: 20px;">
                                    QQ-88888888
                                </span>
                            </p>
                            <a style="margin-top: 10px;" href="admin@admin.com" class="btn">
                                邮件至admin@admin.com
                            </a>
                        </div>
                        <div class="pull-right">
                            <div class="cell-left">
                                <h2>
                                    关注我们的微信
                                </h2>
                                <p>
                                    我们努力、我们获得
                                </p>
                                <p>
                                    订阅号：XX科技
                                </p>
                            </div>
                            <div class="cell-right">
                                <img src="images/erweima.jpg" alt="" />
                                <p>
                                    手机扫描二维码关注我们
                                </p>
                            </div>
                        </div>
                    </div>
                    <p style="text-align:center; position: absolute; width: 100%; bottom:10px;">
                        &copy;2018 XX信息科技有限公司&middot;版权所有
                        <a href="http://www.miitbeian.gov.cn/" target="_blank">
                            ICP备XXXXXXXX号
                        </a>
                    </p>
                </div>
            </div>
        </div>
        <div id="page-indicator">
            <ul>
                <li class="page-indicator current">
                    <a href="javascript:;" data-rel="1">
                        <span class="dot">
                        </span>
                        <span class="text">
                            XX简介
                        </span>
                    </a>
                </li>
                <li class="page-indicator">
                    <a href="javascript:;" data-rel="2">
                        <span class="dot">
                        </span>
                        <span class="text">
                            开发流程
                        </span>
                    </a>
                </li>
                <li class="page-indicator">
                    <a href="javascript:;" data-rel="3">
                        <span class="dot">
                        </span>
                        <span class="text">
                            时间线
                        </span>
                    </a>
                </li>
                <li class="page-indicator">
                    <a href="javascript:;" data-rel="4">
                        <span class="dot">
                        </span>
                        <span class="text">
                            服务领域
                        </span>
                    </a>
                </li>
                <li class="page-indicator">
                    <a href="javascript:;" data-rel="5">
                        <span class="dot">
                        </span>
                        <span class="text">
                            FAQ
                        </span>
                    </a>
                </li>
                <li class="page-indicator">
                    <a href="javascript:;" data-rel="6">
                        <span class="dot">
                        </span>
                        <span class="text">
                            合作伙伴
                        </span>
                    </a>
                </li>
                <li class="page-indicator">
                    <a href="javascript:;" data-rel="7">
                        <span class="dot">
                        </span>
                        <span class="text">
                            联系我们
                        </span>
                    </a>
                </li>
            </ul>
        </div>
        <!-- <div id="pageDrawer">
        <a class="link-bg" href="###">在线客服</a>
        </div> -->
        <script src="http://api.map.baidu.com/api?v=1.5&amp;ak=0RoPs2PERfeEIR4pS0zKbRo4"
        type="text/javascript">
        </script>
        <script src="js/libs.js"></script>
        <script src="js/config.js"></script>
        <script src="js/jquery.fancybox-1.3.4.js"></script>
        <script src="js/carousel2.js"></script>
        <script src="js/index.js"></script>
    </body>

</html>